<template>
  <div class="personDataimg">
    <van-nav-bar
      title="设置个人头像"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="personDataimg-seen">
      <img :src="fileList[0].url">
    </div>
    <div class="personDataimg-icon">
      <van-uploader v-model="fileList" multiple />
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      // 个人头像
      fileList:[
        {url:require('@/assets/img/swiper/0.jpg')}
      ]
    }
  },
  methods:{
    onClickLeft(){
      this.$router.push('/privateData')
    },
    ImagePreview(){
      [require('@/assets/img/swiper/0.jpg')]
    }
  }

}
</script>

<style lang="less">
.van-nav-bar__arrow {
    margin-right: 4px;
    font-size: 25px;
  }
  .van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 20px;
  }
  .van-nav-bar .van-icon {
    color: #151515;
  }
  .personDataimg-seen {
    width: 100%;
    height: 370px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .personDataimg-icon {
    margin-top: 10px;
  }
</style>